<ui:composition template="template.xhtml"
		xmlns:ui="http://java.sun.com/jsf/facelets"
		xmlns:richext="http://code.google.com/p/richfaces-ext"
		xmlns:h="http://java.sun.com/jsf/html"
		xmlns:f="http://java.sun.com/jsf/core"
		xmlns:a4j="http://richfaces.org/a4j"
		xmlns:rich="http://richfaces.org/rich">
    <ui:define name="body">
	    <f:view>
		    <h:form id="form1">
		   		<h3><span>imgViewer</span> Rendering byte[] as images</h3>
		   		<br/>
		   		Original Image:
		   		<richext:imgviewer id="img1" value="#{imgViewerController.pic1}" />
		   		<br/>
		   		Thumbnailed Image (120x120):
		   		<br/>
		   		<richext:imgviewer id="img2" value="#{imgViewerController.pic1}" thumbnail="true" thumbWidth="120" thumbHeight="120" />
		   		<br/>
		   		Thumbnailed Image (60x60 by default):
		   		<br/>
		   		<richext:imgviewer id="img3" value="#{imgViewerController.pic1}" thumbnail="true" />
		   		
		       	<p class="more"><a href="#{request.requestURI}.source">SOURCE</a></p>
	       </h:form>
		</f:view>
    </ui:define>
</ui:composition>